<template>
  <FormItem
    class="custom-formItem"
    :label="label"
    :prop="prop">
    <slot />
  </FormItem>
</template>

<script>
export default {
  props: {
    label: {
      type: String,
      default: ''
    },
    prop: {
      type: String,
      default: ''
    }
  }
}
</script>

<style lang="scss">
  @import 'common/scss/color';

  .custom-formItem {
    margin-bottom: 20px !important;
    &.formItem20 {
      width: 20%;
    }
    &.formItem30 {
      width: 30%;
    }
    &.formItem40 {
      width: 40%;
    }
    &.formItem50 {
      width: 50%;
    }
    &.formItem60 {
      width: 60%;
    }
    &.formItem70 {
      width: 70%;
    }
    &.formItem80 {
      width: 80%;
    }
    &.isDouble {
      .ivu-form-item-label {
        padding: 5px 12px 4px 0;
      }
    }
    .ivu-form-item-label {
      color: $Color-text;
    }
  }
</style>
